<template>
	<view style="padding-bottom: 100rpx;">
		<view class="tops1">
			<img class="img " src="../../../static/img/a1.jpg" />
			<view @click="go" class="sub">
				<img class="hand" src="../../../static/img/20.png" alt="">
			</view>
		</view>
		<img class="img bg1" src="../../../static/img/b1.jpg" />
		<img class="img bg1" src="../../../static/img/c1.jpg" />
		<img class="img bg1" src="../../../static/img/d1.jpg" />
	
		<a target="_blank" href="https://mall.bokrui.cn/gaoduanshouce.pdf"><p>如上内容仅供参考，具体规则以
			<span>电子手册</span>
			约定内容为准。
		</p></a>
		<!-- <view class="tops1" style="min-height: 150px;">
			<view class="sub">
				<img class="hand" src="../../../static/img/20.png" alt="">
			</view>
		</view> -->
		<view @click="go" class="btns">
			 立 即 购 买
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				parm:'',
				type:''
			}
		},
		onLoad(e) {
			this.type = e.type
			this.parm = e.parm
		},
		methods:{
			go(){
				uni.navigateTo({
					url:"/pages/sys/msg/index?type="+this.type+'&parm='+this.parm
				})
			}
		}
	}
</script>
<style>
	/* page {
		background: #eff5ff;
	} */
</style>

<style scoped lang="scss">
	a{
		color: #333;
		text-decoration: none;
	}
	.btns{
		box-shadow: 2px 2px 9px #d5d5d5;
		margin-bottom: 50px;
		border-radius: 30px;
	height: 50px;
		background: #fbdb8d;
		margin: 0 20px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #b05622;
		// font-weight: 600;
		font-size: 23px;
		
		
	}
	p{
		padding: 15px 10px;
		span{
			color: rgb(216, 27, 67);
		}
	}
	.img {
		display: block;
		width: 100%;
		height: auto;
	}

	.tops1 {
		position: relative;
		overflow: hidden;
		// width: 750rpx;
		// height: 1196rpx;
		// background: url("../../../static/img/a.jpg") no-repeat;
		// background-size: cover;

		.sub {
			position: absolute;
			bottom: 50px;
			left: 50%;
			margin-left: -294rpx;
			border-radius: 30px;
			cursor: pointer;
			width: 588rpx;
			height: 141rpx;
			background: url("../../../static/img/btn.jpg") no-repeat;
			background-size: cover;

			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			font-size: 32rpx;
			color: #FFFFFF;
			display: flex;
			// line-height: 108rpx;
			align-items: center;
			justify-content: center;


			.hand {
				position: absolute;
				bottom: 0px;
				right: 15px;
				width: 100rpx;
				display: block;
				-webkit-animation: hand 0.9s ease-in-out infinite;
				animation: hand 0.9s ease-in-out infinite;
			}

			@keyframes hand {
				0% {
					-webkit-transform: translate(10px, 26px) rotate(-20deg);
					transform: translate(10px, 20px) rotate(-20deg);
				}

				50% {
					-webkit-transform: translate(-28px, 0) rotate(-20deg);
					transform: translate(-28px, 0) rotate(-20deg);
				}

				100% {
					-webkit-transform: translate(10px, 26px) rotate(-20deg);
					transform: translate(10px, 20px) rotate(-20deg);
				}
			}

		}

	}
</style>
